import React, { Component } from 'react'
import {List,WhiteSpace} from 'antd-mobile'

import Loading from '../../../components/common/Loading/index'
import TextHeaderWithNav from '../../../components/Headers/TextHeaderWithNav/index'
import './point-rank.scss'

class PointsRank extends Component{
    constructor(props){
        super(props);
        this.state={
            loading:true
        }
    }

    render(){
        return (
            <div className='rank-page'>
                <TextHeaderWithNav returnbtn={true} title="推广大使排行榜" pathname="/my"/>
                <div className='rank-wrapper'>
                    <div className="head">
                        <img className='rank-icon' src={require('../../../assets/PointsRank/ic_rank__2.png')} alt=""/>
                        <img className="headImg" src='' alt="头像"/>
                        <span>
                            似懂非懂水电费胜多负
                        </span>
                        <span>
                            积分 : 3000
                        </span>
                    </div>
                    <div className="head">
                        <img className='rank-icon' src={require('../../../assets/PointsRank/ic_rank__1.png')} alt=""/>
                        <img className="headImg" src='' alt="头像"/>
                        <span>
                            似懂非懂水电费胜多负
                        </span>
                        <span>
                            积分 : 4000
                        </span>
                    </div>
                    <div className="head">
                        <img className='rank-icon' src={require('../../../assets/PointsRank/ic_rank_.png')} alt=""/>
                        <img className="headImg" src='' alt="头像"/>
                        <span>
                            似懂非懂水电费胜多负
                        </span>
                        <span>
                            积分 : 2000
                        </span>
                    </div>
                </div>
                <WhiteSpace size='md'/>
                <List>
                    <List.Item
                        className='user-name'
                        thumb={3}
                        extra={"积分 : "+1500}
                    >
                        sdfsdfsdfsd
                    </List.Item>
                </List>
                <WhiteSpace size='xs'/>
                <List>
                    <List.Item
                        className='user-name'
                        thumb={4}
                        extra={"积分: "+1000}
                    >
                        sdfsdfsdfsd
                    </List.Item>
                </List>
                <WhiteSpace size='xs'/>
                <List>
                    <List.Item
                        className='user-name'
                        thumb={3}
                        extra={"积分 : "+900}
                    >
                        sdfsdfsdfsd
                    </List.Item>
                </List>
                <WhiteSpace size='xs'/>
                <List>
                    <List.Item
                        className='user-name'
                        thumb={3}
                        extra={"积分 : "+500}
                    >
                        sdfsdfsdfsd
                    </List.Item>
                </List>
                <WhiteSpace size='xs'/>
            </div>
        )
    }
}

export default PointsRank;